import IconWrapper from './Wrapper';

const RawIcon = (
  <svg viewBox="0 0 10 14" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M8.4 0.55C8.64853 0.218629 9.11863 0.151472 9.45 0.4C9.78137 0.648528 9.84853 1.11863 9.6 1.45L8.4 0.55ZM6 5L5.4 5.45C5.2 5.18333 5.2 4.81667 5.4 4.55L6 5ZM9.6 8.55C9.84853 8.88137 9.78137 9.35147 9.45 9.6C9.11863 9.84853 8.64853 9.78137 8.4 9.45L9.6 8.55ZM9.6 1.45L6.6 5.45L5.4 4.55L8.4 0.55L9.6 1.45ZM6.6 4.55L9.6 8.55L8.4 9.45L5.4 5.45L6.6 4.55Z"
      fill="currentColor"
    />
    <path
      d="M1.6 4.55C1.35147 4.21863 0.881372 4.15147 0.550001 4.4C0.21863 4.64853 0.151472 5.11863 0.400001 5.45L1.6 4.55ZM4 9L4.6 9.45C4.8 9.18333 4.8 8.81667 4.6 8.55L4 9ZM0.4 12.55C0.151472 12.8814 0.218629 13.3515 0.55 13.6C0.881371 13.8485 1.35147 13.7814 1.6 13.45L0.4 12.55ZM0.400001 5.45L3.4 9.45L4.6 8.55L1.6 4.55L0.400001 5.45ZM3.4 8.55L0.4 12.55L1.6 13.45L4.6 9.45L3.4 8.55Z"
      fill="currentColor"
    />
  </svg>
);

const BoxedIcon = (
  <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M13.4 3.55C13.6485 3.21863 14.1186 3.15147 14.45 3.4C14.7814 3.64853 14.8485 4.11863 14.6 4.45L13.4 3.55ZM11 8L10.4 8.45C10.2 8.18333 10.2 7.81667 10.4 7.55L11 8ZM14.6 11.55C14.8485 11.8814 14.7814 12.3515 14.45 12.6C14.1186 12.8485 13.6485 12.7814 13.4 12.45L14.6 11.55ZM14.6 4.45L11.6 8.45L10.4 7.55L13.4 3.55L14.6 4.45ZM11.6 7.55L14.6 11.55L13.4 12.45L10.4 8.45L11.6 7.55Z"
      fill="currentColor"
    />
    <path
      d="M6.6 7.55C6.35147 7.21863 5.88137 7.15147 5.55 7.4C5.21863 7.64853 5.15147 8.11863 5.4 8.45L6.6 7.55ZM9 12L9.6 12.45C9.8 12.1833 9.8 11.8167 9.6 11.55L9 12ZM5.4 15.55C5.15147 15.8814 5.21863 16.3515 5.55 16.6C5.88137 16.8485 6.35147 16.7814 6.6 16.45L5.4 15.55ZM5.4 8.45L8.4 12.45L9.6 11.55L6.6 7.55L5.4 8.45ZM8.4 11.55L5.4 15.55L6.6 16.45L9.6 12.45L8.4 11.55Z"
      fill="currentColor"
    />
  </svg>
);

export default IconWrapper(RawIcon, BoxedIcon);
